<!DOCTYPE html>
<html>
	<head>
		<title>List Style Position</title>
		<style type="text/css">
			ul {
				width: 250px;}
			li {
				margin: 10px;}
			ul.illuminations {
				list-style-position: outside;}
			ul.season {
				list-style-position: inside;}
		</style>
	</head>
	<body>
		<h3>Illuminations</h3>
		<ul class="illuminations">
			<li>That idol, black eyes and yellow mop, without parents or court ...</li>
			<li>Gracious son of Pan! Around your forehead crowned with flowerets ...</li>
			<li>When the world is reduced to a single dark wood for our four ...</li>
		</ul>
		<h3>A Season in Hell</h3>
		<ul class="season">
			<li>Once, if my memory serves me well, my life was a banquet ...</li>
			<li>Hadn't I once a youth that was lovely, heroic, fabulous ...</li>
			<li>Autumn already! - But why regret the everlasting sun if we are ...</li>
		</ul>
	</body>
</html>